<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <p id="time"></p>
  <script>
    // setInterval(需要执行的函数,函数执行的间隔),执行的间隔单位为毫秒
    setInterval(showDate,1000)
    function showDate(){
      // 获取当前时间
      var now=new Date()
      // 获取当前时间的年份
      var year=now.getFullYear()
      // 获取当前时间的月份
      var month=now.getMonth()+1
      // 获取当前时间日
      var day = now.getDate()
      // 获取当前时间时
      var hours = now.getHours()
       // 获取当前时间分
      var minutes = now.getMinutes()
      // 获取当前时间秒
      var seconds = now.getSeconds()
      // 判断上午还是下午
      var apm = hours > 12 ? '下午': '上午'
      var time=document.getElementById('time').innerHTML=
          `今天是${year}年${month}月${day}日 ${apm}
          ${hours} 时 ${minutes}分${seconds}秒`
    }
  </script>
</body>
</html>